<!--
 * @Author: @xiaoye-lan 2369037721@qq.com
 * @Date: 2022-11-10 17:13:01
 * @LastEditors: @xiaoye-lan 2369037721@qq.com
 * @LastEditTime: 2022-11-10 17:31:41
 * @FilePath: \vue-cq\src\views\components\btn-more.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <a class="ban-btn btn-bor-color"  :class="className" href="#">  <slot></slot> </a>
</template>

<script>
export default {
  name: 'btn-more',
  props: {
    className: {
      type: Array,
      default: () => []
    }
  },
  computed: {
    // ['btn-brand', 'btn-bran1']
    getClassName () {
      return this.className
    }
  }
}
</script>

<style lang="scss" scoped>
.bgc-white {
  background-color: rgba(255, 255, 255, 0.2);
}
</style>
